<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0055)http://dasha.ics.hawaii.edu:8200/prizes/?ref=nav-button -->
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <!-- Use the chrome frame -->
    <meta http-equiv="X-UA-Compatible" content="chrome=IE8"></meta>
    <title>Kukui Cup : Prizes</title>

<link rel="stylesheet" href="./global_css/screen.css"></link>
<link rel="stylesheet" href="./prizes_files/view_prizes.css"></link>
<link rel="stylesheet" href="./global_css/theme.css"></link>

<body>
<div class="container">
<div class="container-top">
<div class="container-bottom">
          
<div id="header">
<div style="margin-top: 10px">
    <div id="header-logout">
       <button id="header-feedback" href="javascript:void(0);">Send Feedback</button>
         <a href="landing.html">Logout</a>
    </div>
              
  <div id="header-logo">
    <a href="home.html"><img src="./prizes_files/logo.png" title="Home"></a>
  </div>
              
  <div id="header-info">
    <div id="header-avatar">
      <img src="./prizes_files/default_avatar.png">
  </div>
                
<div id="header-user-info">
  <div id="header-user-username">
    &lt;george&gt;</div>
   
  <div id="user-cycle" style="position: relative; width: 120px; height: 61px; ">
    <div id="header-user-floor-rank3" style="position: absolute; top: 0px; 
         left: 0px; opacity: 1; z-index: 3; ">    
      <div id="header-user-points">
        <h3>88</h3>
        <div id="header-text">points</div>
      </div>
                      
      <div id="header-user-rank">
        <h3>#1</h3>
        <div id="header-text">out of 51 in Ilima-E</div>
      </div>
    </div>
                   
    <div id="header-user-overall-rank4" style="top: 0px; left: 0px; z-index: 1; 
         position: absolute; opacity: 0; display: none; ">
      <div id="header-user-points">
        <h3>88</h3>
        <div id="header-text">points</div>
      </div>
                      
      <div id="header-user-rank">
        <h3>#1</h3>
        <div id="header-text">out of 1013 overall</div>
      </div>
    </div>
  </div>
</div>

<div id="header-floor-info">
  <div id="header-floor-name">
    Ilima: Lounge E</div>
                  
  <div id="floor-cycle" style="position: relative; width: 120px; height: 66px; "> 
    <div id="header-floor-overall-rank3" style="position: absolute; top: 0px; 
         left: 0px; opacity: 1; z-index: 3; ">
      <div id="header-floor-points">
        <h3>1338</h3>
        <div id="header-text">points overall</div>
      </div>
                      
      <div id="header-floor-rank">
        <h3>#1</h3> 
        <div id="header-text">out of 20 in all dorms</div>
      </div>
    </div>

    <div id="header-floor-overall-rank4" style="top: 0px; left: 0px; z-index: 1; 
         position: absolute; opacity: 0; display: none; ">
      <div id="header-floor-energy">
        <h3 id="overall-energy-value"></h3>
        <div id="header-text">kWh used overall</div>
      </div>
                      
      <div id="header-floor-rank">
        <h3 id="overall-energy-rank"></h3> 
        <div id="header-text">out of 20 in all dorms</div>
      </div>
    </div>
  </div>
</div>
                
    <div id="header-floor-image">
      <img src="./prizes_files/hale.ilima.jpg">
    </div>
  </div>  
              
<div id="header-nav">
  <div class="selected-prizes">
    <div id="header-nav-links">
    <ul>
      <li><a href="activities.html" class="activities">
        <img src="./prizes_files/spacer.png">
        <h4>Get Nutz</h4></a></li>
                      
      <li><a href="energy.html" class="energy">
        <img src="./prizes_files/spacer.png">
        <h4>Go Low</h4></a></li>
                      
      <li><a href="news.html" class="news">
        <img src="./prizes_files/spacer.png">
        <h4>News</h4></a></li>
                      
      <li><a href="prizes.html" class="prizes">
        <img src="./prizes_files/spacer.png">
        <h4>Prizes</h4></a></li>
                      
      <li><a href="profile.html" class="profile">
        <img src="./prizes_files/spacer.png">
        <h4>Profile</h4></a></li>
                      
      <li><a href="help.html" class="help">
        <img src="./prizes_files/spacer.png">
        <h4>Help</h4></a></li>
    </ul>
    </div>
  </div>
                    
  <div id="header-round-info">
    <h3>Overall</h3>
    <span id="header-round-countdown" class="hasCountdown">(ends in 5 Days, 9 Hours, and 39 Minutes)</span>
  </div>

</div></div>

  <div id="quest-box" style="clear: both">
    <div id="quest-header">
      <h3 id="quest-title">Your Quests</h3>
      <a href="http://dasha.ics.hawaii.edu:8200/prizes/?ref=nav-button#" style="float: right">
      <img src="./prizes_files/icon-help-sm.png" width="20" align="center" 
           title="Click to get help about this window" 
           onclick="toggleHelp(&#39;widget&#39;, &#39;quests&#39;); return false;"></a>
    </div>
  
      <div style="clear: both"></div>
               
      <ul id="quest-list">
        <li> <a href="javascript:void(0)" id="get-social" class="quest-title ">
          Get social </a></li>
                
        <li> <a href="javascript:void(0)" id="get-fully-committed-badge" class="quest-title ">
          Get the Fully Committed badge </a></li>
                
        <li> <a href="javascript:void(0)" id="check-lounge-energy-use" class="quest-title ">
          Check lounge energy use </a></li>
      </ul>
  </div>
      
      <script type="text/javascript">
      var endDate = new Date("Fri Aug 31 00:00:00 2012");
      var today = new Date();
      // Calculate the number of days in the difference.
      var hourDiff = (endDate - today) / (1000 * 60 * 60);
      if (hourDiff > 24) {
        $("#header-round-countdown").countdown({
          until: endDate,
          tickInterval: 60,
          layout: '(ends in {dn} {dl}, {hn} {hl}, and {mn} {ml})'
        });
      }
      else {
        if (hourDiff < 6) {
          $("#header-round-info").addClass("ending");
        }
        $("#header-round-countdown").countdown({
          until: endDate,
          layout: '(ends in {hn} {hl}, {mn} {ml}, and {sn} {sl})'
        });
      }
    </script>
    
</div>
        
<div class="content">
  <div id="prizes-list" class="content-box">
     <div id="prizes-list-box">
       <div id="prizes-list-title" class="content-box-title">
         Prizes and Prize Winners
         <img src="./prizes_files/icon-help-sm.png" style="float:right" width="20" 
              align="center" title="Click to get help about this window">
       </div>
       
       <div id="prizes-list-content" style="position: relative; height: 610px; ">
         <table id="prizes-list-table" style="position: absolute; top: 0px; left: 0px; 
                opacity: 1; display: table; z-index: 4; ">
           <tbody><tr><th colspan="3" style="text-align: center">
             Round 1 prizes</th></tr>
             
             <tr class="even-row">             
               <th id="prizes-list-table-header">Prize</th>
               <th id="prizes-list-table-criteria-header">Criteria</th></tr>
                  
               <td class="prize">
                 <img src="./prizes_files/bubbies-mochi.3.jpg">
                   Ice Cream Party
               </td>
                    
               <td>
                 <p>Mochi Ice Cream Party by Bubbies for lounge that consumes the least amount 
                    of energy usage during the week of Round 1.</p> <br>
                 Winner: Ice cream man
              </td>
                  
              <tr class="alt-row">
                <td class="prize">
                  <img src="./prizes_files/hokulani.2.jpg">
                    Cupcake Extravaganza
                </td>
                
                <td>
                  <p>Cupcakes by Hokulani Bakery for the lounge that earns the most 
                     points during the week of Round 1.</p> <br>
                  Winner: Ilima: Lounge E 
                </td>
              </tr>
                  
              <tr class="even-row">
                <td class="prize">
                  <img src="./prizes_files/bubbies-logo.2.jpg">
                    Bubbies Certificate
                </td>
                    
                <td>
                  <p>$5 Bubbies Gift Certificate for the individual who earns the most points in 
                     each lounge during the week of Round 1.</p> <br>
                  Winner: &lt;george&gt;
                </td>
              </tr>
                  
              <tr class="alt-row">
                <td class="prize">
                  <img src="./prizes_files/uh-bookstore.2.jpg">
                    Bookstore Certificate
                </td>
                    
                <td>
                  <p>$25 UH Bookstore Gift Certificate for the individual with the highest 
                     number of points at the end of Round 1.</p> <br>
                  Winner: &lt;Sean&gt;
                </td>
              </tr>
                  
                </tbody>
              </table>

              <table id="prizes-list-table" style="top: 0px; left: 0px; z-index: 2; 
                     position: absolute; opacity: 0; display: none; ">
                <tbody><tr><th colspan="3" style="text-align: center">Round 2 prizes</th>
                </tr>
                <tr>
                  <th id="prizes-list-table-header">Prize</th>
                  <th id="prizes-list-table-criteria-header">Criteria</th>
                </tr>
              </tbody>
            </table>

            <table id="prizes-list-table" style="top: 0px; left: 0px; z-index: 1; 
                   position: absolute; opacity: 0; display: none; ">
              <tbody><tr><th colspan="3" style="text-align: center">Overall prizes</th>
              </tr>
              <tr>
                <th id="prizes-list-table-header">Prize</th>
                <th id="prizes-list-table-criteria-header">Criteria</th>
              </tr>
            </tbody>
          </table>

    </div>
    <div id="prize-cycle-nav">1</a><a >2</a><a>3</a></div>
  </div>
</div>

<div id="prizes-raffle" class="content-box">
  <div id="prizes-raffle-box">
    <div id="prizes-raffle-title" class="content-box-title">
        Overall Raffle Game 
          <img src="./prizes_files/icon-help-sm.png" width="20" align="center" style="float: right" 
            title="Click to get help about this window" >
    </div>
  <div id="prizes-raffle-content">
  <div id="prizes-raffle-info">
    Your total raffle tickets: 3 Allocated right now: 2 Available: 1
  </div>      
  
    <h4 style="text-align: center">   
      The raffle is now over. Sean ftw. ;0
    </h4>
        <div style="text-align: center; margin-top: 5px">
          List of upcoming raffle prizes
      </div>
    </div>
  </div>
</div>

  </div>
  
    </div>
  </div>
</div>

</body>
</html>